@import "../../../../assets/commonCss/style.styl"
#editProcess {
  height : 100%
  .edit-process-header {
    position : relative
    height : 30px
    padding : 10px 20px
    background-color : #4c4c4c;
    .edit-process-header-con {
      position absolute
      top : -40px
      left : 40px
    }
    .route-title {
      font-size : 18px;
      color : #fff;
      cursor : pointer
    }
    .short-title {
      font-size : 18px;
      color : #80859f
    }
    .page-name {
      font-size : 18px;
      color : #80859f
    }
    .color80859f {
      color : #80859f
    }
    .description {
      margin-top : 10px
      font-size : 12px;
      color : #F7981C;
    }
  }
  .edit-process-ps {
    height : calc(100% - 70px)
    padding : 0 20px
  //text-align : center
    .edit-process-con {
      display : inline-block
      width : 100%
      max-width : 100%
      max-height : 100%
      .edit-process-con-ps {
        padding : 40px 20px 0
        padding-bottom : 20px
        max-height : calc(100vh - 70px - 60px)
      }
      .edit-process-con-flex {
        display : inline-flex
      }
    }
    .process-child {
      position : relative
      width : 340px
      margin : 0 40px
      text-align : left
      &:hover {
        .btn-tools, .btn-tools-left, .btn-tools-right {
          display : block
        }
      }
      &:first-child {
        margin-left : 60px
      }
      &:last-child {
        margin-right : 60px
      }
      .process-child-body {
        padding : 20px 10px 10px
        background-color : #EFEFEF
      }

      .process-title {
        font-size : 16px;
        color : #333333;
        .ivu-input {
          border : 0
          background : none
          text-align : center
          font-size : 16px;
          &:focus {
            box-shadow : none
          }
        }
        placeholder(#F7981C)
      }
      .card {
        margin-top : 10px
        padding : 10px 20px
        background-color : #fff
        .title {
          margin-bottom : 6px
          font-size : 14px;
          color : #4A96FF;
        }
        .con {
          >a {
            color #333
            &:hover {
              color #4a96ff  
            }
          }  
          >span {
            float right
            cursor pointer
          }
        }
        &:last-child {
          cursor pointer  
        }
      }
      .card.activity-forms {
        li {
          margin-bottom : 10px
        }
        .description {
          margin-top : 5px
          font-size : 14px
          color : #333333;
        }
      }

      .btn-tools {
        display : none
        position : absolute
        right : 0
        top : 0
        .up {
          position : absolute
          top : 14px
          right : 50px
          color : #4A96FF;
          cursor : pointer
        }
        .down {
          position : absolute
          top : 14px
          right : 32px
          color : #4A96FF;
          cursor : pointer
        }
        .del {
          position : absolute
          top : 10px
          right : 10px
          color : #FB607F;
          font-size : 16px
          cursor : pointer;
        }
      }
      .btn-tools-left {
        display : none
        position : absolute
        left : -60px
        top : 0
        width : 60px
        height : 100%

      }
      .btn-tools-right {
        display : none
        position : absolute
        right : -60px
        top : 0
        width : 60px
        height : 100%
        .add-right {
          right : 0
        }
      }
      .add-right, .add-left {
        position : absolute
        top : 10px
        height : 40px
        width : 40px
        line-height : 40px
        font-size : 30px;
        color : #fff;
        text-align : center
        cursor : pointer
        background-color : rgba(74, 150, 255, 0.30);
      }
    }
  }
  .footer {
    height : 40px
    line-height : 40px
    background : #202433;
    .btn-com {
      display : inline-block
      width : 160px
      font-size : 16px;
      color : #FFFFFF;
      text-align : center
      float : right
      cursor : pointer
    }
    .cancel {
      background : #3B3F4E;
    }
    .sub {
      background : #F7981C;
    }
  }
}

textarea.ivu-input {
  resize : none
//overflow : hidden
}

.activityFormsModal {
  position : relative
  margin-bottom : 20px
  &:hover {
    > .btn-tools {
      display : block
    }
  }
  .top-title {
    margin-bottom : 10px
  }
  .btn-tools {
    display : none
    position : absolute
    right : 0;
    top : 0;
    width : 75px;
    height : 32px
    z-index : 1
    .up {
      position : absolute
      top : 3px
      right : 53px
      color : #4A96FF;
      cursor : pointer
    }
    .down {
      position : absolute
      top : 3px
      right : 35px
      color : #4A96FF;
      cursor : pointer
    }
    .del {
      position : absolute
      top : 0px
      right : 10px
      color : #FB607F;
      font-size : 16px
      cursor : pointer;
    }
  }
  .modal0-con {
    padding : 10px
    background-color : #fff
    .check-items {
      width : 60%
      margin-top : 17px
      li {
        position : relative
        margin-bottom : 10px
        &:hover {
          .btn-tools {
            display : block
          }
        }
        .btn-tools {
          right : -74px;
          .up {
            top : 8px
          }
          .down {
            top : 8px
          }
          .del {
            top : 8px
          }
        }
      }
    }
  }
}

.title-mark, .prize-info {
  padding : 2px 6px
  font-size : 10px;
  color : #FFFFFF;
  -webkit-transform : scale(0.8)
  background : #BBBBBB;
}

.prize-info.mark {
  background : #7C4DC4;
}

.ivu-modal-content {
  background-color : #EFEFEF;
}

.ivu-select-dropdown {
  z-index : 1000
}

.uploadBtn {
  width 320px
  margin-top 15px
}